<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>So.ho.cl</title>
<link href="../global.css" rel="stylesheet" type="text/css" />
<script src="../jquery-1.4.2.js" type="text/javascript" ></script>
<script type="text/javascript">
function showinfo(){
	$("#roominfo")[0].innerText="相关功能正在建设中。";
}
</script>
<style type="text/css">
<!--
-->
</style>
</head>

<body>
<div id="main">
  <div id="title">
    <div class="nav">您的位置：<a href="../buildings/4.html">第四教学楼</a>=><a href="#">4208教室</a></div>
    <div id="logo" style="margin-top:20px;margin-left:20px;width:300px;"><a href="../index.html">So.ho.cl</a>/4208</div>
  </div>
  <div id="sidebar">
    <div id="info">
      <table width="300" height="162" border="0" bgcolor="#999900">
        <tr>
          <td width="145" height="35">当前第</td>
          <td width="145" rowspan="3" align="center" valign="middle"><p>本教室共64个座位<br />
            共有7个座位被占据</p>
          </td>
        </tr>
        <tr>
          <td height="89" align="center" valign="middle"><h1 style="border-top:double #000 ;border-bottom:double #000;"><a href="#">4208</a></h1></td>
        </tr>
        <tr>
          <td height="30" align="right">号教室</td>
        </tr>
      </table>
    </div>
      <div id="searchbar">
    <form method="get" action="../buildings/result.html" >
      <input type="text" name="q" value="" />
                <input type="submit" value="搜索" />
    </form>
    </div>
    <div id="roominfo"></div>
    
  </div>
  <div id="content">
  <div class="nav">这里是当前的内容：</div>
  <table width="440" height="440" border="1" align="center" bordercolor="#F0F0F0" bgcolor="#009900">
  <tr>
    <td width="53" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="56" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();" class="taken"><div class="seat">已占据</div></td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
  <tr>
    <td width="53" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="40" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="46" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="51" onclick="javascript:showinfo();">&nbsp;</td>
    <td width="56" onclick="javascript:showinfo();">&nbsp;</td>
  </tr>
</table>

  </div>
</div>
</body>
</html>